<template>
	<view class="content">
		<view>
			<image class="bg-head" src="../../static/bgImg.png"></image>
			<image class="left" src="../../static/left.png"></image>
			<view class="title">
				<view class="view1">便民超市 (营业中)</view>
				<view class="view2"><image src="../../static/location.png"></image>{{address}}</view>
			</view>
		    <image src="../../static/msg.png" class="msg"></image>
			<image class="banner" src="../../static/banner.png"></image>
		</view>
		<view class="nav">
			<view class="navs">
			  <view class="nav-item">
				  <navigator url="../orderManager/orderManager">
					  <image class="nav-image" src="../../static/order.png"></image>
				  </navigator>
				  <text>订单管理</text>
			  </view>
			  <view class="nav-item">
				  <navigator url="../productmanage/productmanage">
					  <image class="nav-image" src="../../static/product.png"></image>
				  </navigator>
				  <text>商品管理</text>
			  </view>
			  <view class="nav-item">
			  	  <navigator url="../product/product">
					  <image class="nav-image" src="../../static/product-library.png"></image>
				  </navigator>
			  	  <text>商品库</text>
			  </view>
			  <view class="nav-item">
			  	  <navigator url="../achievement/achievement">
					  <image class="nav-image" src="../../static/grade.png"></image>
				  </navigator>
			  	  <text>业绩</text>
			  </view>
			</view>
			<view class="navs">
			  <view class="nav-item">
				  <navigator url="../salesManage/salesManage">
					  <image class="nav-image" src="../../static/salesManage.png"></image>
				  </navigator>
				  <text>售后管理</text>
			  </view>
			  <view class="nav-item">
				  <navigator url="../comment/comment">
					  <image class="nav-image" src="../../static/comment.png"></image>
				  </navigator>
				  <text>门店评论</text>
			  </view>
			  <view class="nav-item">
			  	  <navigator url="../storemanage/storemanage">
					  <image class="nav-image" src="../../static/storemanage.png"></image>
				  </navigator>
			  	  <text>门店管理</text>
			  </view>
			  <view class="nav-item">
			  	  <navigator url="../activity/activity">
					  <image class="nav-image" src="../../static/activity.png"></image>
				  </navigator>
			  	  <text>营销活动</text>
			  </view>
			</view>
			<view class="navs">
			  <view class="nav-item">
				  <image class="nav-image" src="../../static/pingtuan.png"></image>
				  <text>拼团</text>
			  </view>
			  <view class="nav-item">
				  <image class="nav-image" src="../../static/miaosha.png"></image>
				  <text>秒杀</text>
			  </view>
			  <view class="nav-item">
			  	  <image class="nav-image" src="../../static/lijian.png"></image>
			  	  <text>立减</text>
			  </view>
			  <view class="nav-item">
			  	  <navigator url="../complaint/complaint">
					  <image class="nav-image" src="../../static/tousu.png"></image>
				  </navigator>
			  	  <text>客户投诉</text>
			  </view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			  address:'成都市金牛区李家沱457号'
			}
		},
		onLoad() {
          
		},
		methods: {

		}
	}
</script>

<style>
	/* .content {
		width: 375px;
		height: 100%;
	} */
	.bg-head {
		height: 390rpx;
		width: 750rpx;
		position: relative;
	}
	.left {
		width: 100rpx;
		height: 100rpx;
		border: 50%;
		position: absolute;
		left: 30rpx;
		top: 106rpx;
	}
	.title {
		position: absolute;
		left: 150rpx;
		top: 116rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #1A1A1A;
	}
	.view1 {
		font-size: 34rpx;
		line-height: 60rpx;
	}
	.view2 {
		font-size: 24rpx;
		line-height: 40rpx;
	}
	.view2 image {
		width: 16rpx;
		height: 20rpx;
		margin-right: 6rpx;
	}
	.msg{
		width: 34rpx;
		height: 36rpx;
		position: absolute;
		right: 40rpx;
		top: 106rpx;
	}
	.banner {
		width: 690rpx;
		height: 260rpx;
		position: absolute;
		left: 30rpx;
		top: 240rpx;
	}
	.nav {
	 /* margin-top: 76px; */
	  height: 100%;
	  width: 690rpx;
	  margin: 136rpx 30rpx;
	  /* border: 1px solid #ddd; */
	}
	.navs {
	  display: flex;
	  margin: 50rpx 10rpx;
	}
	.navs:first-child {
		margin-top: 0;
	}
	.nav-item {
	  width: 192rpx;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  flex-direction: column;
	}
	.nav-image {
      width: 96rpx;
	  height: 96rpx;
	  display: flex;
	}
	.nav-item text {
	  font-size: 26rpx;
	  font-family: Alibaba PuHuiTi;
	  font-weight: 400;
	  color: #4D4D4D;
	  line-height: 60rpx;
	}
</style>
